<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户中心-个人资料</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" />
<link href="css/user-manager.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<!-- header start-->
<div id="header">
  <div id="headerInner">
    <h1 id="logo"><a  href="##">中文最大生活信息门户</a></h1>
    <div id="publish"><a href="##" onclick="">免费发布信息&gt;&gt;</a></div>
    <div id="loginText"> <span class="welcome-info">zhuangzhouxiaoyaoyou，欢迎您！ </span><a onclick="" href="#">退出</a> </div>
  </div>
</div>
<!-- header end-->
<div id="conContainer" class="grid-main clearfix">
  <div id="primaryContent" class="grid-c2 fl-r">
    <div class="primary-inner">
      <!--个人资料管理开始-->
      <form action="example.php" id="personalInfo">
        <!--修改头像-->
        <fieldset class="xiugai-pic clearfix">
          <legend> 修改头像 </legend>
          <h2>修改头像</h2>
          <div class="user-pic"> <span class="pic-con"><img src="images/default_b.jpg" height="100" width="100" /></span> </div>
          <ul>
            <li class="clearfix">
              <input type="file" name="pic_upload"  size="38"/>
              <span class="error-tip"><span class="error-wrap">请输入正确的值</span></span> </li>
            <li style="padding-top:35px;"> 图片格式:GIF、JPG、JPEG、PNG,最适合尺寸100*100 像素 </li>
          </ul>
        </fieldset>
        <!--修改联系方式-->
        <fieldset class="xiugai-contact">
          <legend> 修改联系方式 </legend>
          <h2>修改联系方式</h2>
          <ul>
            <li class="clearfix">
              <label for="txtMobile"><em class="required-sign red">* </em>手    机：</label>
              <input type="text" id="txtMobile" name="txtMobile" />
              <a href="##">验证手机增加信用</a>
              <!--错误提示-->
              <span id="txtMobile_Tip" class="error-tip"><span class="error-wrap">请输入手机号码请输入手机号码请输入手机号码</span></span> </li>
            <li class="clearfix">
              <label for="txtPhone"> 座    机：</label>
              <input type="text" id="txtPhone" name="txtPhone"/>
            </li>
            <li class="clearfix">
              <label for="txtQQ"> QQ： </label>
              <input type="text" id="txtQQ" maxlength="11" name="txtQQ"/>
            </li>
            <li class="clearfix">
              <label for="txtEmail"><em class="required-sign red">* </em> 电子邮件： </label>
              <input type="text" id="txtEmail" name="txtEmail"/>
              <a href="##">验证手机增加信用</a> <span  class="error-tip"><span class="error-wrap">请输入手机号码</span></span> </li>
          </ul>
        </fieldset>
        <!--修改资料-->
        <fieldset class="xiugai-data">
          <legend> 修改资料 </legend>
          <h2>修改资料</h2>
          <ul>
            <li class="data-a clearfix"> <span class="mingzi">用户名：</span><span class="mingzi-value">zhuangzhouxiaoyaoyou </span> </li>
            <li class="clearfix data-b">
              <label for="txtTrueName"><em class="required-sign red">* </em>真实姓名：</label>
              <input type="text" id="txtTrueName" name="txtTrueName"/>
              <a href="##">验证手机增加信用</a> <span  class="error-tip"><span class="error-wrap">请输入手机号码</span></span> </li>
            <li class="clearfix data-c">
              <label for="rbSex1" class="label-sex"><em class="required-sign red">* </em>性    别：</label>
              <span class="sex">
              <input type="radio" value="2" name="rbsex" id="rbSex1"/>
              <label for="rbSex1">女</label>
              <input type="radio" value="1" name="rbsex" id="rbSex2"/>
              <label for="rbSex2">男</label>
              </span>
            </li>
            <li class="clearfix data-d">
              <label><em class="required-sign red">* </em>年    龄：</label>
              <div id="templateyearmonthandday"> <span class="yearcssdefault">
                <select  name="yeardate1" class="yearcssdefault" id="yeardate1" style="border: 1px solid #7F9DB9; width:55px; height:20px; " >
                  <option value="1912">1912</option>
                </select>
                年</span> <span  class="monthcssdefault">
                <select  name="monthdate1" class="monthcssdefault" id="monthdate1" style="border: 1px solid #7F9DB9; width:40px;height:20px;">
                  <option value="1">01</option>
                </select>
                月</span> <span class="daycssdefault">
                <select  name="daydate1" class="daycssdefault" id="daydate1" style="border: 1px solid #7F9DB9; width:40px;height:20px;">
                  <option value="1">01</option>
                </select>
                日</span> </div>
            </li>
            <li class="clearfix data-e">
              <label for="select_citylocal1"><em class="required-sign red">* </em>我的生活圈：</label>
              <span id="sl_citylocal1">
              <select name="select_citylocal1" id="select_citylocal1" style="border: 1px solid #7F9DB9; height:20px;width:100px;">
                <option value="9814">A阿坝</option>
              </select>
              </span> <span id="sl_arealocal1">
              <select name="select_arealocal1" id="select_arealocal1" style="border: 1px solid #7F9DB9; height:20px;width:100px;">
                <option value=" " selected="selected">请选择区县</option>
              </select>
              </span>
              <input type="text" id="txtAreola"  name="txtAreola"/>
              <span class="xiaoqu">小区</span> </li>
            <li class="clearfix data-f">
              <label for="txtAddress">通讯地址：</label>
              <input type="text" id="txtAddress" name="txtAddress"/>
            </li>
            <li class="clearfix data-g">
              <label for="txtPostZip">邮    编：</label>
              <input type="text"  id="txtPostZip" name="txtPostZip" />
            </li>
            <li class="clearfix data-h">
              <label for="country">我的工作圈：</label>
              <input type="text" id="txtManse"   name="txtManse"/>
              <span class="dasha">大厦</span> </li>
            <li class="clearfix data-i">
              <label for="hometown">家    乡： </label>
              <span class="hometown">
              <select name="hometown" id="hometown"  style="border: 1px solid #7F9DB9; width:100px; height:20px;">
                <option value="9814" selected="selected"> A阿坝 </option>
              </select>
              </span>
            </li>
            <li class="clearfix data-j">
              <label for="txtSignContent">个人签名： </label>
              <textarea id="txtSignContent" class="grtextArea" name="txtSignContent">爱58，爱生活。</textarea>
              <span class="error-tip"><span class="error-wrap">400字符以内</span></span> <span class="fgrey" >(400字符以内)</span> </li>
          </ul>
        </fieldset>
        <!--提交修改-->
        <fieldset class="submit">
          <input class="submit" type="submit" value="完成修改" />
        </fieldset>
      </form>
      <!--个人资料管理结束-->
    </div>
  </div>
  <div id="secondlyContent" class="grid-c1 fl-l">
    <div class="secondly-inner">
      <h2 class="bold"><a href="##">用户中心首页</a></h2>
      <dl>
        <dt class="open" style="line-height:30px;">管理信息</dt>
        <dd><a href="##">显示中的信息</a></dd>
        <dd><a href="##">审核中的信息</a></dd>
        <dd><a href="##">已关闭的信息</a></dd>
        <dd><a href="##">已删除的信息</a></dd>
        <dd><a href="##">收藏的信息</a></dd>
        <dd><a href="##">站内信</a></dd>
      </dl>
      <dl>
        <dt class="open">管理账户</dt>
        <dd><a href="##">个人资料</a></dd>
        <dd><a href="##">个人简历</a></dd>
        <dd><a href="##">公司资料</a></dd>
        <dd><a href="##">修改密码</a></dd>
        <dd><a href="##"> 用户认证</a></dd>
        <dd><a href="##">信用明细</a></dd>
      </dl>
      <dl>
        <dt class="open">积分中心 </dt>
        <dd><a href="##">积分充值</a></dd>
        <dd><a href="##"></a></dd>
        <dd><a href="##">积分客服</a></dd>
      </dl>
      <dl>
        <dt class="open">增值服务 </dt>
        <dd><a href="##">58呼转</a></dd>
        <dd><a href="##">与58对话</a></dd>
      </dl>
    </div>
  </div>
</div>
<!-- footer start-->
<div id="footer">
  <p style="font-family: Verdana,Geneva,sans-serif;">Copyright &copy; 2011-2100 Eelly.All Rights Reserved</p>
  <p>逍遥游 版权所有</p>
  </sapn>
</div>
<!-- footer end-->
</body>
</html>
